<%@ page pageEncoding="UTF-8" %>
<%@ include file="common/global.jsp" %>
<head>
    <%@ include file="common/meta.jsp" %>
    <title><f:message key="common.title"/> - <f:message key="menu.extras.Skins"/></title>
    <%@ include file="common/css.jsp" %>

</head>

<body>

<div id="wrapper">


<%@ include file="common/topbar.jsp" %>
<%@ include file="common/header.jsp" %>

    <div id="masthead">

        <div class="container">

            <div class="masthead-pad">

                <div class="masthead-text">
                    <h2>Themes</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div> <!-- /.masthead-text -->

            </div>

        </div> <!-- /.container -->

    </div> <!-- /#masthead -->
    <div id="content">

        <div class="container">


            <div class="row">

                <div class="span6">

                    <h3>Ocean Breeze</h3>

                    <img src="${BASE}/www/img/themes/ocean.png" alt="" />

                </div> <!-- /.span6-->

                <div class="span6">

                    <h3>Black & Orange</h3>

                    <img src="${BASE}/www/img/themes/black.png" alt="" />

                </div> <!-- /.span6-->

            </div> <!-- /.row -->


            <br />


            <div class="row">

                <div class="span6">

                    <h3>Fire Starter</h3>

                    <img src="${BASE}/www/img/themes/fire.png" alt="" />

                </div> <!-- /.span6-->

                <div class="span6">

                    <h3>Mean Green</h3>

                    <img src="${BASE}/www/img/themes/green.png" alt="" />

                </div> <!-- /.span6-->

            </div> <!-- /.row -->




        </div> <!-- /.container -->

    </div> <!-- /#content -->

</div> <!-- /#wrapper -->



<%@ include file="common/footer.jsp" %>
<%@ include file="common/js.jsp" %>




<script>
    $(function () {
        Theme.init ();
        $("#nav4").addClass("active").sibling.removeClass("active");
    });
</script>

</body>
</html>